<template>
    <div class="container">
      <h1>处理站关键药剂浓度指标信息周报</h1>
      <div class="table-content" > 
        <el-table :data="tableData" style="width: 98%" :span-method="columToOne" 
        :row-class-name = "setName"
      header-cell-style="color:#ffff00;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)"
      cell-style="font-size:14px;color:white;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)">

      <el-table-column label="1号稠油联合处理站脱水情况" >
        <el-table-column prop="name" label="时段" width="200" fixed>
        </el-table-column>
        <el-table-column prop="date" label="日期" width="150" fixed>
        </el-table-column>
        <el-table-column prop="zvolumn" label="常规正相加药浓度" width="150" fixed>
        </el-table-column>
        <el-table-column prop="fvolumn" label="常规反相加药浓度" width="150" fixed>
        </el-table-column>
        <el-table-column prop="syvolumn" label="SAGD预处理剂浓度" width="150" fixed>
        </el-table-column>
        <el-table-column prop="szvolumn" label="SAGD正相加药浓度" width="200" fixed>
        </el-table-column>
        <el-table-column prop="comment" label="备注" width="200"    fixed>
        </el-table-column>


    </el-table-column>

    <el-table-column label="2号稠油联合处理站脱水情况" >
        <el-table-column prop="name2" label="时段" width="200">
        </el-table-column>
        <el-table-column prop="date2" label="日期" width="150">
        </el-table-column>
        <el-table-column prop="zvolumn2" label="常规正相加药浓度" width="150">
        </el-table-column>
        <el-table-column prop="fvolumn2" label="常规反相加药浓度" width="150">
        </el-table-column>
        <el-table-column prop="syvolumn2" label="SAGD预处理剂浓度" width="150" >
        </el-table-column>
        <el-table-column prop="szvolumn2" label="SAGD正相加药浓度" width="200" >
        </el-table-column>
        <el-table-column prop="comment2" label="备注" width="200">
          <template slot-scope="scope">
      <el-input
  type="textarea"
  :rows="2"
  placeholder="请输入内容"
  v-model="scope.row.comment2">
</el-input>
      </template>
        </el-table-column>


    </el-table-column>
        
        
        </el-table>

        <el-table :data="xyData" style="width: 98%" :span-method="columToXy" 
       
      header-cell-style="color:#ffff00;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)"
      cell-style="font-size:14px;color:white;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)">

      <el-table-column label="稀油处理站脱水情况">

        <el-table-column prop="name" label="时段" width="200">
        </el-table-column>
        <el-table-column prop="date" label="日期" width="150">
        </el-table-column>
        <el-table-column prop="zvolumn" label="正相加药浓度" width="150">
        </el-table-column>
        <el-table-column prop="fvolumn" label="反相加药浓度" width="150">
        </el-table-column>
        <el-table-column prop="comment" label="备注" width="auto">
        </el-table-column>
        
    </el-table-column>

        </el-table>

        <!-- 半生气 -->
        <el-table :data="bsData" style="width: 98%" :span-method="columToBs" 
       
       header-cell-style="color:#ffff00;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)"
       cell-style="font-size:14px;color:white;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)">
 
       <el-table-column label="伴生气处理站运行情况">

        <el-table-column prop="name" label="时段" width="200">
        </el-table-column>
        <el-table-column prop="date" label="日期" width="150">
        </el-table-column>
        <el-table-column prop="zvolumn" label="处理气量（方/天）" width="150">
        </el-table-column>
         <el-table-column prop="fvolumn" label="收硫膏量（公斤/天）" width="200">
         </el-table-column>
         <el-table-column prop="jhvolumn" label="净化气量（方/天）" width="150">
         </el-table-column>
         <el-table-column prop="co2ws" label="二氧化碳外输量(吨)" width="150">
         </el-table-column>
         <el-table-column prop="co2kc" label="二氧化碳库存(吨)" width="150">
         </el-table-column>
         <el-table-column prop="comment" label="备注" width="auto">
         </el-table-column>
         
     </el-table-column>
 
         </el-table>
         <!-- 冷凝水 -->
         <el-table :data="lnData" style="width: 98%" :span-method="columToBs" 
       
       header-cell-style="color:#ffff00;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)"
       cell-style="font-size:14px;color:white;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)">
 
       <el-table-column label="冷凝水处理站运行情况">

        <el-table-column prop="name" label="时段" width="200">
        </el-table-column>
        <el-table-column prop="date" label="日期" width="200">
        </el-table-column>
        <el-table-column prop="zvolumn" label="产水量" width="150">
        </el-table-column>
        <el-table-column prop="fvolumn" label="反相破乳剂浓度" width="150">
        </el-table-column>
         <el-table-column label="产水">
            <el-table-column prop="jhvolumn" label="含油（mg/L）" width="150">
            </el-table-column>
         </el-table-column>
         <el-table-column label="产水">
            <el-table-column prop="co2ws" label="悬浮（mg/L）" width="150">
            </el-table-column>
         </el-table-column>
         <el-table-column label="产水">
            <el-table-column prop="co2kc" label="硬度（mg/L）" width="150">
            </el-table-column>
         </el-table-column>
         <el-table-column prop="comment" label="备注" width="auto">
         </el-table-column>
         
     </el-table-column>
 
         </el-table>

         <!-- 夏子街 -->
         <el-table :data="lnData" style="width: 98%" :span-method="columToBs" 
       
       header-cell-style="color:#ffff00;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)"
       cell-style="font-size:14px;color:white;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)">
 
       <el-table-column label="夏子街就地分水情况">

        <el-table-column prop="name" label="时段" width="200">
        </el-table-column>
        <el-table-column prop="date" label="日期" width="200">
        </el-table-column>
        <el-table-column prop="zvolumn" label="处理水量（方/天）" width="150">
        </el-table-column>
        <el-table-column prop="fvolumn" label="外输量（方/天）" width="150">
        </el-table-column>
    
            <el-table-column prop="jhvolumn" label="含油（mg/L）" width="150">
            </el-table-column>
       
        
            <el-table-column prop="co2ws" label="悬浮（mg/L）" width="150">
            </el-table-column>
        
         
            <el-table-column prop="co2kc" label="外输油（方/天）" width="150">
            </el-table-column>
         
         <el-table-column prop="comment" label="备注" width="auto">
         </el-table-column>
         
     </el-table-column>
 
         </el-table>

         <!-- 风南4运行情况 -->
         <el-table :data="fyData" style="width: 98%" :span-method="columToBs" 
       
       header-cell-style="color:#ffff00;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)"
       cell-style="font-size:14px;color:white;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)">
 
       <el-table-column label="风南4运行情况">

        <el-table-column prop="name" label="时段" width="200">
        </el-table-column>
        <el-table-column prop="date" label="日期" width="100">
        </el-table-column>
        <el-table-column prop="zvolumn" label="处理液量（方/天）" width="150">
        </el-table-column>
        <el-table-column prop="fvolumn" label="进210池水（方/天）" width="150">
        </el-table-column>
       
            <el-table-column prop="jhvolumn" label="进夏子街水（方/天）" width="150">
            </el-table-column>
        
         <el-table-column label="外输原油">
            <el-table-column prop="co2ws" label="含水%" width="150">
            </el-table-column>
         </el-table-column>
         <el-table-column label="外输水">
            <el-table-column prop="co2kc" label="含油（mg/L）" width="150">
            </el-table-column>
         </el-table-column>
         <el-table-column prop="wssxf" label="外输水悬浮（mg/L）" width="100">
        </el-table-column>
         <el-table-column prop="comment" label="备注" width="auto">
         </el-table-column>
         
     </el-table-column>
 
         </el-table>

         <!-- MVC -->
         <el-table :data="mvcData" style="width: 98%" :span-method="columToBs" 
       
       header-cell-style="color:#ffff00;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)"
       cell-style="font-size:14px;color:white;border-color:#f0f0f0;border-width:2px;background-color:rgb(2, 16, 79)">
 
       <el-table-column label="MVC运行情况">

        <el-table-column prop="name" label="时段" width="200">
        </el-table-column>
        <el-table-column prop="date" label="日期" width="100">
        </el-table-column>
        <el-table-column prop="zvolumn" label="净化软化水（方/天）" width="150">
        </el-table-column>
        <el-table-column prop="fvolumn" label="宇澄浓水（方/天）" width="150">
        </el-table-column>
       
            <el-table-column prop="jhvolumn" label="处理总量（方/天）" width="150">
            </el-table-column>
        
      
            <el-table-column prop="co2ws" label="含水量（方/天）" width="150">

         </el-table-column>
   
            <el-table-column prop="co2kc" label="排污量（方/天）" width="150">
        
         </el-table-column>
         <el-table-column prop="wssxf" label="电导率（us/cm）" width="100">
        </el-table-column>
         <el-table-column prop="comment" label="备注" width="auto">
         </el-table-column>
         
     </el-table-column>
 
         </el-table>
      </div>
    </div>
  </template>
  
  <script>


  export default {
    data() {
      return {
      maxTableHeight:window.innerHeight*0.9,
    //   MVC
    mvcData:[
    {
        name: "2024",
          date: "上周",
          zvolumn: "3437",
          fvolumn: "481",
          jhvolumn:'4069',
          co2ws:'3744',
          co2kc:'632',
          wssxf:'28',
          comment: "",
          
        },
        {
        name: "2024",
          date: "本周",
          zvolumn: "3711",
          fvolumn: "436",
          jhvolumn:'4146',
          co2ws:'3804',
          co2kc:'436',
          wssxf:'28',
          comment: "",
          
        },
        {
        name: "2024",
          date: "增减",
          zvolumn: "274",
          fvolumn: "-45",
          jhvolumn:'77',
          co2ws:'60',
          co2kc:'-196',
          wssxf:'0',
          comment: "",
          
        },

        // 7.29
        {
        name: "2024.7.29-8.4",
          date: "上周",
          zvolumn: "3532",
          fvolumn: "552",
          jhvolumn:'4083',
          co2ws:'3532',
          co2kc:'522',
          wssxf:'29',
          comment: "",
          
        },
        {
        name: "2024.7.29-8.4",
          date: "本周",
          zvolumn: "3757",
          fvolumn: "527",
          jhvolumn:'4083',
          co2ws:'3556',
          co2kc:'483',
          wssxf:'29',
          comment: "",
          
        },
        {
        name: "2024.7.29-8.4",
          date: "增减",
          zvolumn: "225",
          fvolumn: "-25",
          jhvolumn:'0',
          co2ws:'24',
          co2kc:'-69',
          wssxf:'0',
          comment: "",
          
        },
        // 8.5
        {
        name: "2024.8.5-8.11",
          date: "上周",
          zvolumn: "3757",
          fvolumn: "527",
          jhvolumn:'4083',
          co2ws:'3556',
          co2kc:'483',
          wssxf:'29',
          comment: "",
          
        },
        {
        name: "2024.8.5-8.11",
          date: "本周",
          zvolumn: "3531",
          fvolumn: "534",
          jhvolumn:'4065',
          co2ws:'3123',
          co2kc:'534',
          wssxf:'29',
          comment: "",
          
        },
        {
        name: "2024.8.5-8.11",
          date: "增减",
          zvolumn: "-226",
          fvolumn: "7",
          jhvolumn:'-18',
          co2ws:'-433',
          co2kc:'51',
          wssxf:'0',
          comment: "",
          
        },
        // 8.19
        {
        name: "2024.8.12-8.18",
          date: "上周",
          zvolumn: "3531",
          fvolumn: "534",
          jhvolumn:'4065',
          co2ws:'3123',
          co2kc:'534',
          wssxf:'29',
          comment: "",
          
        },
        {
        name: "2024.8.12-8.18",
          date: "本周",
          zvolumn: "3500",
          fvolumn: "578",
          jhvolumn:'4078',
          co2ws:'3500',
          co2kc:'578',
          wssxf:'30',
          comment: "",
          
        },
        {
        name: "2024.8.12-8.18",
          date: "增减",
          zvolumn: "-31",
          fvolumn: "44",
          jhvolumn:'13',
          co2ws:'377',
          co2kc:'44',
          wssxf:'1',
          comment: "",
          
        },
    ],
    //   风南
      fyData:[
    {
        name: "2024",
          date: "上周",
          zvolumn: "2879",
          fvolumn: "728",
          jhvolumn:'403',
          co2ws:'0.2',
          co2kc:'0.4',
          wssxf:'5.1',
          comment: "",
          
        },
        {
        name: "2024",
          date: "本周",
          zvolumn: "2766",
          fvolumn: "877",
          jhvolumn:'20.5',
          co2ws:'0.2',
          co2kc:'0.3',
          wssxf:'5.2',
          comment: "",
          
        },
        {
        name: "2024",
          date: "增减",
          zvolumn: "-113",
          fvolumn: "149",
          jhvolumn:'-328.5',
          co2ws:'0',
          co2kc:'-0.1',
          wssxf:'0.1',
          comment: "",
          
        },

        // 7.29
        {
        name: "2024.7.29-8.4",
          date: "上周",
          zvolumn: "2743",
          fvolumn: "295",
          jhvolumn:'649',
          co2ws:'0.1',
          co2kc:'0.3',
          wssxf:'5.2',
          comment: "",
          
        },
        {
        name: "2024.7.29-8.4",
          date: "本周",
          zvolumn: "2724",
          fvolumn: "528",
          jhvolumn:'591',
          co2ws:'0.3',
          co2kc:'0.4',
          wssxf:'5.2',
          comment: "",
          
        },
        {
        name: "2024.7.29-8.4",
          date: "增减",
          zvolumn: "-19",
          fvolumn: "233",
          jhvolumn:'-58',
          co2ws:'0.2',
          co2kc:'0.1',
          wssxf:'0',
          comment: "",
          
        },
        // 8.5
        {
        name: "2024.8.5-8.11",
          date: "上周",
          zvolumn: "2724",
          fvolumn: "528",
          jhvolumn:'591',
          co2ws:'0.3',
          co2kc:'0.4',
          wssxf:'5.2',
          comment: "",
          
        },
        {
        name: "2024.8.5-8.11",
          date: "本周",
          zvolumn: "2128",
          fvolumn: "689",
          jhvolumn:'459',
          co2ws:'0.3',
          co2kc:'0.3',
          wssxf:'5.2',
          comment: "",
          
        },
        {
        name: "2024.8.5-8.11",
          date: "增减",
          zvolumn: "-596",
          fvolumn: "161",
          jhvolumn:'-132',
          co2ws:'0',
          co2kc:'-0.1',
          wssxf:'0',
          comment: "",
          
        },
        // 8.19
        {
        name: "2024.8.12-8.18",
          date: "上周",
          zvolumn: "2128",
          fvolumn: "689",
          jhvolumn:'459',
          co2ws:'0.3',
          co2kc:'0.3',
          wssxf:'5.2',
          comment: "",
          
        },
        {
        name: "2024.8.12-8.18",
          date: "本周",
          zvolumn: "2175",
          fvolumn: "1004",
          jhvolumn:'313',
          co2ws:'2.2',
          co2kc:'0.3',
          wssxf:'5.2',
          comment: "",
          
        },
        {
        name: "2024.8.12-8.18",
          date: "增减",
          zvolumn: "47",
          fvolumn: "315",
          jhvolumn:'-146',
          co2ws:'1.9',
          co2kc:'0',
          wssxf:'0',
          comment: "",
          
        },
    ],
    //  夏子街就地分水情况 
    xzjData:[
    {
        name: "2024",
          date: "上周",
          zvolumn: "889",
          fvolumn: "790",
          jhvolumn:'0.27',
          co2ws:'6.7',
          co2kc:'1798',
          comment: "",
          
        },
        {
        name: "2024",
          date: "本周",
          zvolumn: "999",
          fvolumn: "1030",
          jhvolumn:'0.27',
          co2ws:'6.7',
          co2kc:'1934',
          comment: "",
          
        },
        {
        name: "2024",
          date: "增减",
          zvolumn: "110",
          fvolumn: "240",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'136',
          comment: "",
          
        },

        // 7.29
        {
        name: "2024.7.29-8.4",
          date: "上周",
          zvolumn: "918",
          fvolumn: "935",
          jhvolumn:'0.26',
          co2ws:'6.8',
          co2kc:'2113',
          comment: "",
          
        },
        {
        name: "2024.7.29-8.4",
          date: "本周",
          zvolumn: "1022",
          fvolumn: "986",
          jhvolumn:'0.27',
          co2ws:'6.7',
          co2kc:'2113',
          comment: "",
          
        },
        {
        name: "2024.7.29-8.4",
          date: "增减",
          zvolumn: "104",
          fvolumn: "51",
          jhvolumn:'0.01',
          co2ws:'-0.1',
          co2kc:'0',
          comment: "",
          
        },
        // 8.5
        {
        name: "2024.8.5-8.11",
          date: "上周",
          zvolumn: "1022",
          fvolumn: "986",
          jhvolumn:'0.27',
          co2ws:'6.7',
          co2kc:'2113',
          comment: "",
          
        },
        {
        name: "2024.8.5-8.11",
          date: "本周",
          zvolumn: "882",
          fvolumn: "949",
          jhvolumn:'0.28',
          co2ws:'6.8',
          co2kc:'2113',
          comment: "",
          
        },
        {
        name: "2024.8.5-8.11",
          date: "增减",
          zvolumn: "-140",
          fvolumn: "-37",
          jhvolumn:'0.01',
          co2ws:'0.1',
          co2kc:'0',
          comment: "",
          
        },
        // 8.19
        {
        name: "2024.8.12-8.18",
          date: "上周",
          zvolumn: "882",
          fvolumn: "949",
          jhvolumn:'0.28',
          co2ws:'6.8',
          co2kc:'2113',
          comment: "",
          
        },
        {
        name: "2024.8.12-8.18",
          date: "本周",
          zvolumn: "886",
          fvolumn: "684",
          jhvolumn:'0.28',
          co2ws:'6.8',
          co2kc:'2113',
          comment: "",
          
        },
        {
        name: "2024.8.12-8.18",
          date: "增减",
          zvolumn: "4",
          fvolumn: "-265",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "",
          
        },
    ],
    //   冷凝水
    lnData:[
    {
        name: "2024",
          date: "上周",
          zvolumn: "4361",
          fvolumn: "33",
          jhvolumn:'0.9',
          co2ws:'1.2',
          co2kc:'39.2',
          comment: "",
          
        },
        {
        name: "2024",
          date: "本周",
          zvolumn: "4037",
          fvolumn: "37",
          jhvolumn:'1.1',
          co2ws:'1.3',
          co2kc:'39.3',
          comment: "",
          
        },
        {
        name: "2024",
          date: "增减",
          zvolumn: "-324",
          fvolumn: "4",
          jhvolumn:'0.2',
          co2ws:'0.1',
          co2kc:'0.1',
          comment: "",
          
        },

        // 7.29
        {
        name: "2024.7.29-8.4",
          date: "上周",
          zvolumn: "3967",
          fvolumn: "38",
          jhvolumn:'1',
          co2ws:'1.2',
          co2kc:'39.6',
          comment: "",
          
        },
        {
        name: "2024.7.29-8.4",
          date: "本周",
          zvolumn: "4331",
          fvolumn: "39",
          jhvolumn:'0.9',
          co2ws:'1.2',
          co2kc:'39.2',
          comment: "",
          
        },
        {
        name: "2024.7.29-8.4",
          date: "增减",
          zvolumn: "364",
          fvolumn: "1",
          jhvolumn:'-0.1',
          co2ws:'0',
          co2kc:'-0.4',
          comment: "",
          
        },
        // 8.5
        {
        name: "2024.8.5-8.11",
          date: "上周",
          zvolumn: "4331",
          fvolumn: "39",
          jhvolumn:'0.9',
          co2ws:'1.2',
          co2kc:'39.2',
          comment: "",
          
        },
        {
        name: "2024.8.5-8.11",
          date: "本周",
          zvolumn: "4327",
          fvolumn: "27",
          jhvolumn:'1',
          co2ws:'1.2',
          co2kc:'39.2',
          comment: "",
          
        },
        {
        name: "2024.8.5-8.11",
          date: "增减",
          zvolumn: "-4",
          fvolumn: "-12",
          jhvolumn:'0.1',
          co2ws:'0',
          co2kc:'0',
          comment: "",
          
        },
        // 8.19
        {
        name: "2024.8.12-8.18",
          date: "上周",
          zvolumn: "4327",
          fvolumn: "27",
          jhvolumn:'1',
          co2ws:'1.2',
          co2kc:'39.2',
          comment: "",
          
        },
        {
        name: "2024.8.12-8.18",
          date: "本周",
          zvolumn: "4251",
          fvolumn: "28",
          jhvolumn:'0.9',
          co2ws:'1.2',
          co2kc:'38.9',
          comment: "",
          
        },
        {
        name: "2024.8.12-8.18",
          date: "增减",
          zvolumn: "-76",
          fvolumn: "1",
          jhvolumn:'-0.1',
          co2ws:'0',
          co2kc:'-0.3',
          comment: "",
          
        },
    ],
    //   伴生
    bsData:[
    {
        name: "2024",
          date: "上周",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
        {
        name: "2024",
          date: "本周",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
        {
        name: "2024",
          date: "增减",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },

        // 7.29
        {
        name: "2024.7.29-8.4",
          date: "上周",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
        {
        name: "2024.7.29-8.4",
          date: "本周",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
        {
        name: "2024.7.29-8.4",
          date: "增减",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
        // 8.5
        {
        name: "2024.8.5-8.11",
          date: "上周",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
        {
        name: "2024.8.5-8.11",
          date: "本周",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
        {
        name: "2024.8.5-8.11",
          date: "增减",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
        // 8.19
        {
        name: "2024.8.12-8.18",
          date: "上周",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
        {
        name: "2024.8.12-8.18",
          date: "本周",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
        {
        name: "2024.8.12-8.18",
          date: "增减",
          zvolumn: "0",
          fvolumn: "0",
          jhvolumn:'0',
          co2ws:'0',
          co2kc:'0',
          comment: "伴生气停机检修",
          
        },
    ],
    //   稀油数据
      xyData:[
      {
        name: "2024",
          date: "上周",
          zvolumn: "338",
          fvolumn: "210",
          comment: "",
          
        },
        {
          name: "2024",
          date: "本周",
          zvolumn: "326",
          fvolumn: "128",
          comment: "",
          
        },
        {
          name: "2024",
          date: "增减",
          zvolumn: "-12",
          fvolumn: "-82",
          comment: "",
          
        },

        // 7.29
        {
        name: "2024.7.29-8.4",
          date: "上周",
          zvolumn: "318",
          fvolumn: "92",
          comment: "",
          
        },
        {
          name: "2024.7.29-8.4",
          date: "本周",
          zvolumn: "328",
          fvolumn: "82",
          comment: "",
          
        },
        {
          name: "2024.7.29-8.4",
          date: "增减",
          zvolumn: "10",
          fvolumn: "-10",
          comment: "",
          
        },

        // 8.5
        {
        name: "2024.8.5-8.11",
          date: "上周",
          zvolumn: "328",
          fvolumn: "82",
          comment: "",
          
        },
        {
          name: "2024.8.5-8.11",
          date: "本周",
          zvolumn: "340",
          fvolumn: "90",
          comment: "",
          
        },
        {
          name: "2024.8.5-8.11",
          date: "增减",
          zvolumn: "12",
          fvolumn: "8",
          comment: "",
          
        },

        // 8.12
        {
        name: "2024.8.12-8.18",
          date: "上周",
          zvolumn: "340",
          fvolumn: "90",
          comment: "",
          
        },
        {
          name: "2024.8.12-8.18",
          date: "本周",
          zvolumn: "346",
          fvolumn: "82",
          comment: "",
          
        },
        {
          name: "2024.8.12-8.18",
          date: "增减",
          zvolumn: "6",
          fvolumn: "-8",
          comment: "",
          
        },
      ],

      tableData:[
      {
          name: "2024",
          date: "上周",
          zvolumn: "109",
          fvolumn: "34",
          syvolumn: "101",
          szvolumn: "114",
          comment: "",

          name2: "2024",
          date2: "上周",
          zvolumn2: "99",
          fvolumn2: "55",
          syvolumn2: "83",
          szvolumn2: "81",
          comment2: "",
          
        },
        {
          name: "2024",
          date: "本周",
          zvolumn: "113",
          fvolumn: "37",
          syvolumn: "102",
          szvolumn: "108",
          comment: "",

          name2: "2024",
          date2: "本周",
          zvolumn2: "100",
          fvolumn2: "53",
          syvolumn2: "79",
          szvolumn2: "78",
          comment2: "",
          
        },
        {
          name: "2024",
          date: "增减",
          zvolumn: "4",
          fvolumn: "3",
          syvolumn: "1",
          szvolumn: "-6",
          comment: "",

          name2: "2024",
          date2: "增减",
          zvolumn2: "1",
          fvolumn2: "-2",
          syvolumn2: "-4",
          szvolumn2: "-3",
          comment2: "",
          
        },

        // 2024.7.29-8.4
        {
          name: "2024.7.29-8.4",
          date: "上周",
          zvolumn: "109",
          fvolumn: "38",
          syvolumn: "101",
          szvolumn: "116",
          comment: "",

          name2: "2024.7.29-8.4",
          date2: "上周",
          zvolumn2: "99",
          fvolumn2: "54",
          syvolumn2: "87",
          szvolumn2: "87",
          comment2: "",
          
        },
        {
          name: "2024.7.29-8.4",
          date: "本周",
          zvolumn: "108",
          fvolumn: "39",
          syvolumn: "104",
          szvolumn: "118",
          comment: "",

          name2: "2024.7.29-8.4",
          date2: "本周",
          zvolumn2: "99",
          fvolumn2: "55",
          syvolumn2: "88",
          szvolumn2: "87",
          comment2: "",
          
        },
        {
          name: "2024.7.29-8.4",
          date: "增减",
          zvolumn: "-1",
          fvolumn: "1",
          syvolumn: "3",
          szvolumn: "2",
          comment: "",
          
          name2: "2024.7.29-8.4",
          date2: "增减",
          zvolumn2: "0",
          fvolumn2: "1",
          syvolumn2: "1",
          szvolumn2: "0",
          comment2: "",
        },

        // 2024.8.5-8.11
        {
          name: "2024.8.5-8.11",
          date: "上周",
          zvolumn: "108",
          fvolumn: "39",
          syvolumn: "104",
          szvolumn: "118",
          comment: "",

          name2: "2024.8.5-8.11",
          date2: "上周",
          zvolumn2: "99",
          fvolumn2: "55",
          syvolumn2: "88",
          szvolumn2: "87",
          comment2: "",
          
        },
        {
          name: "2024.8.5-8.11",
          date: "本周",
          zvolumn: "107",
          fvolumn: "40",
          syvolumn: "104",
          szvolumn: "132",
          comment: "",

          name2: "2024.8.5-8.11",
          date2: "本周",
          zvolumn2: "100",
          fvolumn2: "55",
          syvolumn2: "88",
          szvolumn2: "85",
          comment2: "",
          
        },
        {
          name: "2024.8.5-8.11",
          date: "增减",
          zvolumn: "-1",
          fvolumn: "1",
          syvolumn: "0",
          szvolumn: "14",
          comment: "",
          
          name2: "2024.8.5-8.11",
          date2: "增减",
          zvolumn2: "1",
          fvolumn2: "0",
          syvolumn2: "0",
          szvolumn2: "-2",
          comment2: "",
        },

        // 2024.8.12-8.18
        {
          name: "2024.8.12-8.18",
          date: "上周",
          zvolumn: "107",
          fvolumn: "40",
          syvolumn: "104",
          szvolumn: "132",
          comment: "",

          name2: "2024.8.12-8.18",
          date2: "上周",
          zvolumn2: "100",
          fvolumn2: "55",
          syvolumn2: "88",
          szvolumn2: "85",
          comment2: "",
          
        },
        {
          name: "2024.8.12-8.18",
          date: "本周",
          zvolumn: "102",
          fvolumn: "64",
          syvolumn: "102",
          szvolumn: "123",
          comment: "",

          name2: "2024.8.12-8.18",
          date2: "本周",
          zvolumn2: "93",
          fvolumn2: "51",
          syvolumn2: "80",
          szvolumn2: "84",
          comment2: "",
          
        },
        {
          name: "2024.8.12-8.18",
          date: "增减",
          zvolumn: "-5",
          fvolumn: "24",
          syvolumn: "-2",
          szvolumn: "-9",
          comment: "",
          
          name2: "2024.8.12-8.18",
          date2: "增减",
          zvolumn2: "-7",
          fvolumn2: "-4",
          syvolumn2: "-8",
          szvolumn2: "-1",
          comment2: "",
        },

      ]
      };
    },
    mounted(){
      window.addEventListener('resize',this.updateHeight)
  
    },
    beforeDestroy(){
      window.removeEventListener('resize',this.updateHeight)
  
  },
    methods: {

        setName({row, rowIndex}) {
        if (rowIndex === 6) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          return 'success-row';
        }
        return '';
      },
      updateHeight(){
        
        this.maxTableHeight = window.innerHeight*0.9
      },

      columToBs({ row, column, rowIndex, columnIndex }){
        if (columnIndex === 0 || columnIndex === 7 || columnIndex === 8 ) {
        if (rowIndex === 0 || rowIndex === 3 || rowIndex === 6 || rowIndex === 9) {
          return [3, 1]; // 第一行的第一列合并3行
        } else if (rowIndex < 12) {
          return [0, 0]; // 隐藏合并的单元格
        }
      }


      },
      columToOne({ row, column, rowIndex, columnIndex }) {
      // 合并第一列单元格
      if (columnIndex === 0 || columnIndex === 7) {
        if (rowIndex === 0 || rowIndex === 3 || rowIndex === 6 || rowIndex === 9) {
          return [3, 1]; // 第一行的第一列合并3行
        } else if (rowIndex < 12) {
          return [0, 0]; // 隐藏合并的单元格
        }
      }
      if (columnIndex === 6 || columnIndex === 13) {
        if (rowIndex === 0 || rowIndex === 3 || rowIndex === 6 || rowIndex === 9) {
          return [3, 1]; // 第一行的第一列合并3行
        } else if (rowIndex < 12) {
          return [0, 0]; // 隐藏合并的单元格
        }
      }
    },
  
    columToXy({ row, column, rowIndex, columnIndex }) {
      // 合并第一列单元格
      if (columnIndex === 0) {
        if (rowIndex === 0 || rowIndex === 3 || rowIndex === 6 || rowIndex === 9) {
          return [3, 1]; // 第一行的第一列合并3行
        } else if (rowIndex < 12) {
          return [0, 0]; // 隐藏合并的单元格
        }
      }
      if (columnIndex === 4) {
        if (rowIndex === 0  || rowIndex === 3 || rowIndex === 6 || rowIndex === 9) {
          return [3, 1]; // 第一行的第一列合并3行
        } else if (rowIndex < 12) {
          return [0, 0]; // 隐藏合并的单元格
        }
      }
    },

    },
  };
  </script>
  <style scoped lang="scss">
  .el-table_row .warning-row  {
    background-color: red;
  }
  
  h1 {
    color: rgb(104, 224, 223);
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 20px;
  }
  /* .container{
    height: 100vh;
  } */
  .table-content {
  
    border: 3px solid rgb(30, 94, 158);
    width: 93%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 50px;
    /* margin:80px auto; */
    // height: 95vh;
    // overflow: auto;
  }
  .container {
    /* max-width: 600px;   */
    background-color: rgb(2, 16, 79);
    height: 100vh;
    overflow-x: auto; /* 设置横向滚动 */
    white-space: nowrap; /* 防止内容自动换行 */
  }
  .el-table {
  
  
    // overflow: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  
    /* height: 2000px; */
    border-color: #f0f0f0;
    border-width: 2px;
  
    /* background-color: red; */
   
  }
  </style>